<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01_JS的三种位置</title>
</head>
<body>
    <!--1.行内写法:写在对应的HTML元素上
     onclick=""给当前元素绑定一个点击事件,点击元素时触发执行""里的代码
     alert()显示弹窗,()里是弹窗要显示的文本内容
     console.log()向前端控制台输出语句 -->
    <button onclick="alert('请先登录!')">点击即玩</button>
    <button onclick="console.log('点我干嘛')">点击即玩2</button>

    <h1 id="h1">我是大标题</h1>
    <!-- 2.内部写法,写在body的结束标签之前!   -->
    <script>
        console.log('明天星期天!');
        //可以通过id值直接获取其对应的HTML元素
        console.log(h1);
    </script>

    <!--3.引入外部的JS文件,注意:内部不能写JS代码,不会执行!-->
    <script src="01.js">
        console.log('写点东西');
    </script>
</body>
</html>